<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<span id="s1"></span>
<span id="s2"></span>
<span id="s3"></span>
<span id="s4"></span>
</body>
</html>
<script>
    // 对象格式
    // let json1 = {key:value,key:value,....,key:value};
    // 对象格式
    let json1 = {
        "id": "1",
        "name": "张三",
        "age": "18",
        "sex": "男"
    }
    console.log(json1)
    // 对象.属性(key)
    document.getElementById('s1').innerHTML = json1.id
    document.getElementById('s2').innerHTML = json1.name
    document.getElementById('s3').innerHTML = json1.age
    document.getElementById('s4').innerHTML = json1.sex
</script>